<!DOCTYPE html>
<html lang="en" style="width: 100%;height: 100%;">
<head>
	<meta charset="UTF-8">
	<title>疫情数据</title>
	<link href="https://cdn.bootcss.com/element-ui/2.12.0/theme-chalk/index.css" rel="stylesheet">
	<link href="https://cdn.bootcss.com/Swiper/4.5.1/css/swiper.min.css" rel="stylesheet">

	<script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>
	<script src="https://cdn.bootcss.com/element-ui/2.12.0/index.js"></script>
	<script src="https://cdn.bootcss.com/Swiper/4.5.1/js/swiper.min.js"></script>
	<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/layer/3.0.1/layer.min.js"></script>
	<script src="/sa-resources/admin-util.js"></script>
	<script src="/res/sa.js"></script>
	<!--    <script src="https://api.map.baidu.com/api?v=2.0&ak=pB1cQmp3mKHrI8PMYQGoogGvGnpahqNn" type="text/javascript"></script>-->
	<!--    <script type="text/javascript" src="//api.map.baidu.com/library/Heatmap/2.0/src/Heatmap_min.js"></script>-->
	<script src="//webapi.amap.com/maps?v=1.4.15&key=187c426207df3f73a755da81f4a1ec58&plugin=Map3D,AMap.DistrictLayer,AMap.Scale,AMap.ToolBar"></script>
	<script src="//webapi.amap.com/loca?v=1.3.0&key=187c426207df3f73a755da81f4a1ec58&dev=1"></script>
	<script src="./ncov.js"></script>
	<style>
		body {
			margin: 0;
		}

		#container {
			width: 100%;
			height: 100%;
			margin: 0;
		}

		.info span {
			color: #0288d1;
		}

		.info {
			min-width: 200px;
			position: absolute;
			top: 1rem;
			right: 1rem;
			background: white;
			padding: 1rem;
			opacity: 0.7;
			border-radius: 1rem;
		}
	</style>
</head>
<body style="width: 100%;height: 100%;">
<div id="container" style="height: 100%">

</div>
<div class="info" style="min-width: 200px;">
	<h4>国家/地区</h4>
	<h7>数据每半小时自动更新</h7>
	<p>最后更新时间：<span id="lastupdatetime">--</span></p>
	<p>中文名：<span id="name">--</span></p>
	<p>英文名：<span id="eng-name">--</span></p>
	<p>SOC：<span id="soc">--</span></p>
	<p>现存确诊：<span id="illnow">--</span></p>
	<p>累计确诊：<span id="confirmed">--</span></p>
	<p>疑似病例：<span id="suspected">--</span></p>
	<p>治愈人数：<span id="cured">--</span></p>
	<p>死亡人数：<span id="dead">--</span></p>
	<div>
		<div><span style="width: 15px;height: 15px;display: inline-block;background: #ffe4d9;"></span>1-9人</div>
		<div><span style="width: 15px;height: 15px;display: inline-block;background: #ffcab3;"></span>10-49人</div>
		<div><span style="width: 15px;height: 15px;display: inline-block;background: #ffaa85;"></span>50-99人</div>
		<div><span style="width: 15px;height: 15px;display: inline-block;background: #ff7b69;"></span>100-499人</div>
		<div><span style="width: 15px;height: 15px;display: inline-block;background: #cc2929;"></span>500-999人</div>
		<div><span style="width: 15px;height: 15px;display: inline-block;background: #8c0d0d;"></span>1000-9999人</div>
		<div><span style="width: 15px;height: 15px;display: inline-block;background: #660208;"></span>≥10000人</div>
	</div>
</div>
</body>
</html>